*{
	margin: 0;
	padding: 8;
	
}
 .flex{
	display: flex;
 }
 .flex1{
 	flex: 1;
 }
 .line{
	display: flex;
	align-items: center;
 }
 .between{
	display: flex;
	align-items: center;
	justify-content: space-between;
 }
 
 #app{
	 background-color: var(--bg);
 }

 
body,
html {
	margin: 0;
	padding: 0;
	font-size: 12px;
	cursor: default;
	overflow: hidden;
	background-color: var(--bg);
	color: var(--color);
}
* {
    margin: 0;
    padding: 0;
    border: 0;
}
.van-popup{
	background: transparent !important;
}
/*每个页面公共css */
.mv10 {
	margin: 10px 0;
}

.flex {
	display: flex;
}

.line {
	display: flex;
	align-items: center;
}

.between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex1 {
	flex: 1
}

.col {
	display: flex;
	flex-direction: column;
}

.center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

input {
	color:  var(--color);
	outline: none;
} 

input:focus {
	border: 0px solid #ccc; 
}

.van-cell__title {
	/* color: #FFF !important; */
}

/* 隐藏原生滚动条 */
::-webkit-scrollbar {
	
}


.van-cell:after {
	border-bottom: 0 !important;

}

.van-collapse-item--border:after {
	border-top: 0 !important;
}

.van-collapse-item__content,
.van-cell {
	background-color: transparent !important;
}
 
.van-cell:after {
	border: 0 !important;
}

.vantBtn {
	height: var(--button-default--height) !important;
	border: 0 !important;
	border-radius: var(--button-radius) !important;
	color: var(--button--accent--txtcolor) !important;
}

.vantBtn:hover {
	background-color: var(--button--accent--hover--bg) !important;
	color: white !important;
}

.vantBtn:active {
	background-color: yellow !important;
	color: #000 !important;
}

.searchBtn {
	border-radius: var(--searchbar--radiu--corner) !important;
}

.dir-item {
	height: var(--item--height);
	overflow: hidden;
	padding: var(--item--padding);
	border-radius: var(--item-radius);
	margin: 5px 0;
}

.dir-item:hover {
	background-color: var(--item--highlight--bg);
}

/* js 标记去写 选中 */
.dir-item-active {
	background-color: var(--item--highlight--bg);
}

.toolbar {
	height: var(--toolbar--height);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 10px;
}

.uisearch {
	background-color: transparent !important;
	border-radius: var(--searchbar--radiu--corner) !important;
	height: var(--searchbar--height) !important;
	border: 0 !important;
	color: var(--searchbar--fontcolor) !important;
	font-size: var(--searchbar--fontsize) !important;
}

.search-warp {
	border-radius: var(--searchbar--radiu--corner) !important;
}
.van-field{
	/* padding: 2px 10px 6px 10px !important; */
}


.mask{
	width: 300px; 
	height: 550px;
	background-image: url('./assets/hero.png'); /* 背景图片 */
	mask-image: url('./assets/hero-mask2.png'); /* 蒙版图片 */
	mask-size: cover; /* 调整蒙版大小 */
	mask-repeat: no-repeat; 
	background-size: cover;
    
}
.mask img{
	width: 300px; 
	height: 570px;
}

.mask-img {
	height: 570px;
	background-image: linear-gradient(to top, black, transparent);
  }

  .content{
	width:300px;
	position: absolute;
	top: 100px;
  }